﻿<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<meta name="keywords" content="">
<title></title>
<!-- Favicon Icon -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Plugins -->
<link rel="stylesheet" href="css/core.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/style.css">
</head>
<body id="top" class="stickyfooter header-fixed">
<div class="animsition">
	<div class="content">
		<header class="header-wrap no-transparent">
			<div class="header-container">
				<div class="container clearfix">
					<div class="pull-left">
						<!-- Logo -->
						<a href="index.html" class="logo clearfix">MINIDARK</a>
					</div>
					<div class="pull-right">
						<!-- Menu Burger -->
						<a href="#" class="fullscreen-menu-toggle">
							<span>Menu</span>
							<i class="menu-bars">
								<i></i>
								<i></i>
								<i></i>
							</i>
						</a>
					</div>
				</div>
			</div>
			<!-- End header-container -->
		</header>
		<div id="fullscreen-navigation">
			<div class="inner-wrap">
				<nav>
					<ul class="nav_menu">
						<li><a href="index.html">Home</a></li>
						<li><a href="about.html">About US</a></li>
						<li><a href="contact.html">Contact</a></li>
					</ul>
				</nav>
			</div>
		</div>
		<!-- End fullscreen-navigation -->
		<section class="jarallax" style="background-image: url('img/bg/06.png');">
			<div class="container">
				<div class="aligner">
					<div class="aligner-item page-title">
						<h1>Connect with us</h1>
						<p>Let's keep in touch</p>
					</div>
				</div>
			</div>
		</section>
		<!-- End Section -->
		<main>
			<section class="section">
				<div class="container">
					<div class="row">
						<div class="col-sm-10 col-sm-offset-1">
							<div class="row">
								<div class="col-md-6">
									<h5 class="mb10">Contact info</h5>
									<p>Join the conversation on Support Forum to find solutions, ask questions, and share your ideas Minidark.</p>
									<dl>
										<dt><i class="fa fa-paper-plane-o" aria-hidden="true"></i> Say Hello</dt>
										<dd>Email: somecompany@example.com</dd>
										<dd>Phone: +1 234 567 89 10</dd>
										<dd>Fax: +1 234 567 89 10</dd>
										<dt class="mt10"><i class="fa fa-flag-o" aria-hidden="true"></i> Where to meet </dt>
										<dd>Some Company,</dd>
										<dd>23 Greate Street, Los Angeles, 12345 LS</dd>
										<dd>Los Angeles, 12345 LS</dd>
									</dl>
									<ul class="social-link">
										<li>
											<a href="#">
												<i class="fa fa-fw fa-facebook"></i>
											</a>
										</li>
										<li>
											<a href="#">
												<i class="fa fa-fw fa-twitter"></i>
											</a>
										</li>
										<li>
											<a href="#">
												<i class="fa fa-fw fa-pinterest"></i>
											</a>
										</li>
										<li>
											<a href="#">
												<i class="fa fa-instagram"></i>
											</a>
										</li>
										<li>
											<a href="#">
												<i class="fa fa-vimeo"></i>
											</a>
										</li>
									</ul>
									<!-- End social-link -->

								</div>
								<!-- End col-md-6 -->
								<div class="col-md-6">
									<form class="contact-form" id="contact-form" action="send_email.php" method="post" data-all-fields-required-msg="All fields are required" data-ajax-fail-msg="Ajax could not set the request" data-success-msg="Email successfully sent.">
										<label>Name:<span>*</span></label>
										<input class="contact-form-name" type="text" name="name">
										<label>Email:<span>*</span></label>
										<input class="contact-form-email" type="text" name="email">
										<label>Message:<span>*</span></label>
										<textarea cols="30" rows="2" class="contact-form-message" name="message"></textarea>
										<p class="return-msg"></p>
										<div class="mt40">
											<button class="btn btn-md btn-black">
												<span>Submit
													<i class="fa fa-spin fa-spinner ajax-loader" style="display: none; margin-left: 5px;"></i>
												</span>
											</button>
										</div>
									</form>
									<!-- End form -->
								</div>
								<!-- End col-md-6 -->
								<div class="col-md-12">
									<div class="map mt40 sm-mt60" id="map" data-lat="-37.8213369" data-lng="144.9441664" data-zoom="15" style="height: 350px;"></div>
									<!-- End Map -->
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!-- End section -->
		</main>
		<a href="#top" class="scroll-top scroll-top-hidden">
			<i class="fa fa-angle-up"></i>
		</a>
		<!-- End scroll-top -->
	</div>
	<!-- End content -->
	<footer>
		<div class="footer">
			<div class="container">
				<div class="text-center">
					<!-- Footer Logo Text -->
					<a href="index.html" class="logo clearfix">Minidark</a>
					<div class="footer-socials">
						<a href="#" data-toggle="tooltip" data-placement="top" title="facebook">
							<i class="fa fa-fw fa-facebook"></i>
						</a>
						<a href="#" data-toggle="tooltip" data-placement="top" title="twitter">
							<i class="fa fa-fw fa-twitter"></i>
						</a>
						<a href="#" data-toggle="tooltip" data-placement="top" title="google plus">
							<i class="fa fa-fw fa-google-plus"></i>
						</a>
						<a href="#" data-toggle="tooltip" data-placement="top" title="rss">
							<i class="fa fa-fw fa-rss"></i>
						</a>
					</div>
					<!-- End socials -->
					<!-- End footer-menu -->
					<p class="copy">
						Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://www.smallseashell.com/"></a>
					</p>
				</div>
			</div>
		</div>
	</footer>
	<!-- End footer -->
</div>
<!-- End animsition -->
<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/libs.js"></script>
<!-- Google Map -->
<!---<script src="http://maps.google.com/maps/api/js?key=AIzaSyCBEypW1XtGLWpikFPcityAok8rhJzzWRw"></script>--->
<!-- Custom -->
<script src="js/main.js"></script>
<script src="js/script.js"></script>
</body>
</html>
